@list: -12, -5, -4, -3, 0, 2, 3, 4, 5, 6, 8, 9, 10, 12, 13, 15, 16, 18, 20, 22,
  24, 25, 28, 30, 32, 33, 36, 44, 212;

each(@list, {
    .m@{value} {
      margin: (@value * 1px);
    }

    .mv@{value} {
      margin-top: (@value * 1px);
      margin-bottom: (@value * 1px);
    }

    .mh@{value} {
      margin-left: (@value * 1px);
      margin-right: (@value * 1px);
    }

    .mr@{value} {
      margin-right: (@value * 1px);
    }

    .mt@{value} {
      margin-top: (@value * 1px);
    }

    .mb@{value} {
      margin-bottom: (@value * 1px);
    }

    .ml@{value} {
      margin-left: (@value * 1px);
    }

    .mr@{value} {
      margin-right: (@value * 1px);
    }

    .p@{value} {
      padding: (@value * 1px);
    }

    .pv@{value} {
      padding-top: (@value * 1px);
      padding-bottom: (@value * 1px);
    }

    .ph@{value} {
      padding-left: (@value * 1px);
      padding-right: (@value * 1px);
    }

    .pt@{value} {
      padding-top: (@value * 1px);
    }

    .pl@{value} {
      padding-left: (@value * 1px);
    }

    .pr@{value} {
      padding-right: (@value * 1px);
    }

    .pb@{value} {
      padding-bottom: (@value * 1px);
    }
  }

)
